<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    lang="#{hmBn.localeUrlCode}">
    <head>
        <title>#{hmBn.UI_TITLE_MAIN}</title>
        <link rel="icon" href="/favicon.ico"/>
        <meta lang="#{mainMenuBean.localeUrlCode}"/>
        <meta name="keywords" content="#{hmBn.keyWords}"/>
        <meta name="description" content="#{mainMenuBean.META_OG_DESCRIPTION}"/>
        <meta property="og:title" content="TrendEconomy"/>
        <meta property="og:url" content="http://trendeconomy.com"/>
        <meta property="og:image" content="#{mainMenuBean.httpHeader}/resources/images/og_#{mainMenuBean.localeUrlCode}.png"/>
        <meta property="og:image:width" content="1000"/>
        <meta property="og:image:height" content="500"/>
        <meta property="og:type" content="article"/>
        <meta property="og:description" content="#{hmBn.UI_TITLE_MAIN}"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/fonts/fontawesome-webfont.woff"/>
        <link rel="stylesheet" type="text/css" href="/resources/css/gew2.min.css"/>
        <script type="text/javascript" src="/resources/js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="/resources/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/resources/js/gw.min02.js"></script>
        <link rel="alternate" hreflang="x-default" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangEn}" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangRu}" href="#{mainMenuBean.urlRu}" />
    </head>
    <body>
        <ui:include src="/pages.min/header.xhtml"/>
        <div class="gw-wdth" style="display:table;width:99%;max-height:200px;">
            <div>
                <div style="display:table-row;height:4px;"></div>
                <div style="display:table-row;">
                    <a href="#{hmBn.tradeUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;vertical-align:middle;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;">
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:130px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelTrade}" width="120" height="119" src="/resources/images/trade.png"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelTrade}</h1>
                                    <p>#{hmBn.infoTrade}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                    <a href="#{mainMenuBean.indicatorsUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;padding:4px;">
                            <div style="display:table-row;height:4px;"></div>
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:140px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelIndicators}" src="/resources/images/indicators.png" width="140" height="86" style="margin-right:10px;"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelIndicators}</h1>
                                    <p>#{hmBn.infoIndicators}</p>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;width:12px;"></div>
                            </div>
                            <div style="display:table-row;height:8px;"></div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                    <a href="#{mainMenuBean.industriesUrl}" class="gw-table-row-hl gw-a-nohover" style="display:table-cell;width:33%;height:1px;border:1px solid #aaa;border-radius:4px;margin:4px;vertical-align:middle;">
                        <div style="height:100%;width:100%;vertical-align:middle;display:table;">
                            <div style="display:table-row;">
                                <div style="display:table-cell;height:100%;width:140px;vertical-align:middle;text-align:center;">
                                    <img border="none;" alt="#{hmBn.labelIndustries}" src="/resources/images/trade2.png" width="140" height="102" style="margin:0px 10px;"/>
                                </div>
                                <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                                    <h1>#{hmBn.labelIndustries}</h1>
                                    <p class="gw-a-nohover">#{hmBn.infoIndustries}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div style="display:table-cell;width:4px;"></div>
                </div>
                <div style="display:table-row;height:4px;"></div>
                <div style="display:table-row;">
                </div>
            </div>
        </div>

        <table class="gw-t gw-t-01  gw-wdth">
            <tr>
                <th class="gw-th gw-th-01" style="min-width:120px;"></th>
                <c:forEach items="#{hmBn.indicators}" var="i"><th class="gw-th gw-th-01" style="width:#{i.minWidth}px;">#{i.shortname}<div class="gw-balloon-content" style="border-color:#adc9e6;"><div style="max-width:150px;">#{i.definition}</div></div></th></c:forEach>
            </tr>
            <c:forEach items="#{hmBn.results}" var="r">
                <tr class="gw-tr gw-tr-01">
                    <td class="gw-td">#{r.countryName}</td>
                    <c:forEach items="#{r.details}" var="v">
                        <td class="gw-td" style="text-align:right;white-space:nowrap;">
                            <c:choose><c:when test="#{v.hasLink}"><a href="#{v.indicatorUrl}">#{v.valueStr}</a></c:when><c:otherwise>#{v.valueStr}</c:otherwise></c:choose>
                            <div class="gw-balloon-content gw-blid" gw-blid="#{v.countryId}-#{v.indicatorId}" style="border-color:#{dt.color};"></div>
                        </td>
                    </c:forEach>
                </tr>
            </c:forEach>
        </table>
        <ui:include src="/pages.min/footer.xhtml"/>
        <div class="gw-ftr gw-ftr-bck"><p class="gw-wdth">#{hmBn.UI_FOOTER_HOME}</p></div>
        <c:forEach items="#{hmBn.results}" var="r">
            <c:forEach items="#{r.details}" var="v">
                <c:if test="#{v.hasValue}">
                    <div id="#{v.countryId}-#{v.indicatorId}" class="gw-balloon-content" style="border-color:#adc9e6;">
                        <div>
                            <table>
                                <tr style="height:1px;"><th></th><th></th></tr>
                                <tr><td class="gw-bllb">#{hmBn.UI_UNIT_OF_MEASURE}:</td><td class="gw-blv">#{v.indicatorUom}</td></tr>
                                <tr><td class="gw-bllb">#{hmBn.UI_PERIOD}:</td><td class="gw-blv">#{v.periodName}</td></tr>
                                <tr>
                                    <td class="gw-bllb">#{hmBn.UI_PREVIOUS_VALUE}:</td>
                                    <td class="gw-blv">#{v.prevValueStr} #{v.prevPeriodName}</td>
                                </tr>
                                <tr><td class="gw-bllb">#{hmBn.UI_FREQUENCY}:</td><td class="gw-blv">#{v.indicatorFrequency}</td></tr>
                                <tr><td class="gw-bllb">#{hmBn.UI_DATA_SOURCE}:</td><td class="gw-blv">#{v.dataSourceName}</td></tr>
                                <tr><td class="gw-bllb">#{hmBn.UI_UPDATE_TIME}:</td><td class="gw-blv">#{hmBn.updateDate}</td></tr>
                            </table>
                        </div>
                    </div>
                </c:if>
            </c:forEach>
        </c:forEach>
        <ui:include src="/const/ga.html"/>
    </body>
</html>